<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ifandshow</title>
    <script src="js/vue-v2.6.14.js"></script>
</head>
<body>
<div id="app">
    <ul>
        <li v-for="a in arr">{{a}}</li>
    </ul>

    <ul>
        <li v-for="(a,b) in arr">{{a+"--"+b}}</li>
    </ul>
    <ul>
        <li v-for="(value , key) in student">
            {{key}}::: {{value}}
        </li>

    </ul>
    <table border="5">
        <tr v-for="e in stus">
            <td>{{e.id}}</td>
            <td>{{e.name}}</td>
            <td>{{e.age}}</td>
        </tr>
    </table>

</div>
</body>
<script type="text/javascript">
    new Vue({
        el:"#app",
        data:{
            arr:[
                '张三','李四','王五','赵六'
            ],
            student:{
                id:1,
                name:'老八',
                age:18
            },
            stus:[
                {
                    id:1,
                    name:'老9',
                    age:18
                },
                {
                    id:2,
                    name:'老10',
                    age:18
                },
                {
                    id:3,
                    name:'老11',
                    age:18
                }

            ]
        },
        methods:{

        }

    })



</script>
</html>